.list, .card{
    .table, .card{
        display: flex;
        flex-direction: column;
    }
    .header-button{
        display: flex;
        align-items: center;
        .btn-box:not(:last-child){
            margin-right: 0px;
        }
       
        .btn-box{
            background: #fff;
            color:rgb(33, 33, 33);
            .u-upload{
                font-size: 14px;
            }
            a{
                color:rgb(33, 33, 33);  
            }
        }
    }
    .u-button{
           margin: 0px 5px;
       }
    .header, .common, .table{
        display: flex;
        background: #fff;
        .header-title{
            display: flex;
            align-items: center;
            justify-content: space-between;
            background: #f6f6f6;
            padding: 5px 10px;
            height: 44px;
            font-size: 14px;
            color:#666;
            .title{
                font-weight: 600;
            }
        }
        //新版本组件不一样，会错为的问题
        // .complex-table{
            
        //     .u-checkbox-label:before{
        //         top: -10px;
        //     }
            
        //     .u-checkbox-label:after{
        //         position: absolute;
        //         top: -10px;
        //     }
        // }
      
        .rowClassName{
            color:#2C7EDC;
        }
       
        
        .header-search, .header-form{
            margin: 30px 10px;
            display: flex;
            
            .unit{
                display: flex;
                align-items: center;
                padding: 10px 0px;
                justify-content: space-between;
                flex:1;
                flex-grow: 0;
                .unit-diaplay{
                    width: 80px
                }
            }
            .search-button{
                padding: 2px;
            }
            .u-form-control-prefix-suffix{
                padding: 0 30px 0px 5px;
            }
            .u-form-control{
                font-size: 12px;
            }
            .u-select-selection{
                height: 32px;
                padding: 1px;
            }
        }
        .header-form{
            flex-wrap: wrap;
        }
     
        .u-button-icon {
            border: 1px solid #fff;
        }
        .u-button--group{
            margin: 0px; 
        }
        .u-button-refresh{
            min-width: 30px;
        }
        
    }
    .table{
        margin-top: 10px;
        background: #fff;
        min-height: 300px;
        .pagination{
            display: flex;
            flex-direction: row-reverse
        }
        .operation{
            display: flex;
            .operation-edit{
                padding: 0px 10px 0px 0px;
                color: #1e88e5;
            }
        }
        .u-table-thead th{
            background: #eceff5;
        }
        .attrStyle{
            display: flex;
            align-items: center;
            border: 0;
        }
    }
   
}
.u-menu-vertical>.u-menu-item{
    padding: 12px 8px 9px 16px;
}
.u-menu-item.u-menu-item-disabled{
    cursor: not-allowed;
    font-size: 14px;
    color: rgb(33, 33, 33);
}
.u-form-control{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;

}
.u-button-border:active, .u-button-border:hover {
    background-color: #fff;
    border-color: #a5adba;
    color: #212121;
}
.u-button:hover {
    background-color: #fff;
    border-color: #eee;
}
.u-tree-searchable-filter {
	color: #f50;
	transition: all .3s ease;
}
.u-tree {
    font-size: 12px;
    margin: 0;
    padding: 5px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
}
